<!doctype html>

<html>
  <!-- Built with Divshot - http://www.divshot.com -->
  
  <head>
    <title>Cupido Libertador</title>
    <meta name="viewport" content="width=device-width">
    <%= stylesheet_link_tag    "application", :media => "all" %>
    <%= javascript_include_tag "application" %>
    <%= csrf_meta_tags %>
    

    <style type="text/css">
      /* la imagen en su forma normal */
      #ampliar img{
      -webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/
      -moz-transform:scale(1); /*Mozilla scale version*/
      -o-transform:scale(1); /*Opera scale version*/
      -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
      -moz-transition-duration: 0.5s; /*Mozilla duration version*/
      -o-transition-duration: 0.5s; /*Opera duration version*/
      opacity: 0.5;
      }
      /* al pasar el cursor por encima SE AMPLIA*/
      #ampliar img:hover{
      -webkit-transform:scale(2); /*Webkit:Modificamos tamaño a escala*/
      -moz-transform:scale(2); /*Mozilla:Modificamos tamaño a escala*/
      -o-transform:scale(2); /*Opera:Modificamos tamaño a escala*/
      -webkit-transition-duration: 0.5s; /*Webkit:Duración de la animación*/
      -moz-transition-duration: 0.5s; /*Mozilla:Duración de la animació*/
      -o-transition-duration: 0.5s; /*Opera:Duración de la animació*/
      opacity: 1;
      }
      
    </style>
    
  </head>
  
  <body>
    <div class="container" style="border: 1px solid #957EF8; -moz-border-radius: 9px; -webkit-border-radius: 9px; padding: 3px;">
      <div class="panel panel-default">
        <div class="panel-heading" >
          <div class="row" style="background-color:#B6AAEA">
            <div class="clearfix col-md-3" style="background-color:#7968C6; border: 1px solid #B6AAEA; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 6px;">
              
              <%= image_tag("logo.png", :size => "240x250")%>
              <p><br></p>
            </div>
            <div class="clearfix col-md-9">
              <div>
                <ul class="nav nav-pills" style="background-color:#E8E5F6; border: 1px solid #000000; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 6px;">
                  <li>
                    <a href="/general/home">Home</a>
                  </li>
                  <li>
                    <a href="/categories">Productos</a>
                  </li>
                  <li>
                    <a href="/general/empresa">Nuestra Empresa</a>
                  </li>
                  <li>
                    <a href="/general/faq">F.A.Q.</a>
                  </li>
                  <li>
                    <a href="/general/fechas">Fechas Especiales</a>
                  </li>
                  <li>
                    <a href="#">Cont&aacute;ctenos</a>
                  </li>
                  <li class="dropdown pull-right">
                    <a class="dropdown-toggle" data-toggle="dropdown">Mi cuenta <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <% if user_signed_in? %>
                      <li<%#= link_to(comprar>
                        <%= link_to 'Cerrar sesion', destroy_user_session_path, :method => :delete %>
                      </li>
                      <%else %>
                      <li>
                        <%= link_to "Ingresar", new_user_session_path %>
                      </li>
                      <% end %>
                    </ul>
                  </li>
                </ul>
              </div>
              

            <div class="row">
              <div class="col-md-9"><br><br><br><br><%= image_tag("frase.png", :size => "800x100")%></div>
              <div class="col-md-3" align="right">
                  
                  <%= link_to (image_tag("Facebook.png", :size => "50x100")), "https://www.facebook.com/cupido.lsm"%>
                  <%= link_to (image_tag("Twitter.png", :size => "50x100")), "https://www.twitter.com"%>
                  <%= link_to (image_tag("Youtube.png", :size => "50x100")), "https://www.youtube.com"%>

              </div>
            </div>
          </div>
            
          

          </div>
        </div>
        <div class="panel-body">
          <div class="container">
            
                <%#PREGUNTAS:%>
                <%# COMO HACER PARA LLAMAR AL LOGIN Y QUE LO TIRE ARRIBA??%>
                <%#SE PUEDE INCORPORAR EL CUADRO NUEVO DE LOGIN%>
                <%#RUUUUUUUUUUUUUTASSSS%>

                <%#= render 'shared/login'%>
                <%= yield %>
          </div>
        </div>

      

        <div class="panel-footer">
          <ul class="nav nav-pills nav-justified" style="background-color:#D8D1F5">
            <li>
              <a href="#">Home</a>
            </li>
            <li>
              <a href="#">Productos</a>
            </li>
            <li>
              <a href="#">Nuestra Empresa</a>
            </li>
            <li>
              <a href="#">F.A.Q.</a>
            </li>
            <li>
              <a href="#">Fechas Especiales</a>
            </li>
            <li>
              <a href="#">Cont&aacute;ctenos</a>
            </li>
          </ul>
          <div class="container">
            <div class="row" style="background-color:#C0B4F4; border: 1px solid #000000; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px;">
              <div class="pull-left col-md-6">
                <address>
                  <strong>Cupido Libertador</strong>
                  <br>Libertador San Mart&iacute;n, Entre R&iacute;os, Argentina<br>
                  <abbr title="Phone">Tel&eacute;fono:</abbr> +54 (0343) 4910300
                </address>
                <address>
                  <strong>Correo electr&oacute;nico</strong><br>
                  <a href="mailto:#">cupidolibertador@gmail.com</a>
                </address>
              </div>
              <div class="pull-left col-md-6" align="right">
                  <%= link_to (image_tag("Facebook.png", :size => "50x100")), "https://www.facebook.com/cupido.lsm"%>
                  <%= link_to (image_tag("Twitter.png", :size => "50x100")), "https://www.twitter.com"%>
                  <%= link_to (image_tag("Youtube.png", :size => "50x100")), "https://www.youtube.com"%>
              </div>
            </div>
            <div style="text-align:center; color:grey"><small>© 2013 CupidoLibertador. Todos los derechos e izquierdos reservados<small> </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>